<template>
  <div class="center examplex">
    <vs-navbar text-white :color="active" center-collapsed v-model="active">
      <template #left>
        <p><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Todo-list</b></p>
      </template>
      <template #right>
        <i-setting-config theme="outline" size="24" fill="#ffffff"/>
      </template>
    </vs-navbar>
  </div>
</template>

<script>
export default {
  props: {},
  data: () => ({
    active: 'rgb(83,101,81)'
  })
}
</script>
